<!--
	Created by   : zhouxiaofang
	Created time : 2017/04/13
	File explain : 输入绑定手机号码 页面
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>输入绑定手机号码</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="import-bind-tel.css">
</head>
<body class="cmn-password-initializtion">
  <!--title-->
  <div class="cmn-password-title">
    <div class="cmn-password-qhLogo"></div>
    <span class="cmn-find-password">找回密码</span>
  </div>
  <form class="password-form">
    <!--进度条-->
    <ul class="progressbar">
      <li class="progressbar-tel active">输入绑定手机号码</li>
      <li class="progressbar-pass">设置新登录密码</li>
      <li class="progressbar-complete">完成</li>
    </ul>
    <div class="warp">
      <!-- fieldset 输入绑定手机号码-->
      <fieldset class="first-step">
        <div class="password-tip-container">
          <p class="password-tip phone hide"><span>*</span>手机号格式不正确</p>
          <p class="password-tip note hide"><span>*</span>短信验证码不正确，请重新获取试试</p>
          <p class="password-tip verification hide"><span>*</span>请先完成滑块验证</p>
          <p class="password-tip not-phone hide"><span>*</span>请输入您注册时绑定的手机号码</p>
        </div>

        <div class="pass-import-container">
          <input class="password-import mustTip first" id="id-telNumber" type="text" name="tel" maxlength="11"
                 placeholder="请输入您注册时绑定的手机号码" />
          <div class="password-close-icon clear"></div>
        </div>
        <div class="identity-container">
          <input class="password-import mustTip first" id="id-identifying" type="password" name="identifying"
                 placeholder="请输入您收到的短信验证码" />
          <input class="gain-identity" id="id-verificat" value="获取验证码" readonly>
        </div>
        <div class="login-keyWord">
          <div id="popup-captcha"></div>
        </div>
        <input class="password-button next" type="button" name="next" value="下一步" disabled/>
      </fieldset>
      <!-- fieldset 设置新登录密码-->
      <fieldset class="second-step hide">
        <p class="password-tip affirm-password hide"><span>*</span>确认新登录密码不正确</p>
        <p class="password-tip contrast-password hide"><span>*</span>新登录密码与确认新登录密码不同</p>
        <p class="password-tip new-password hide"><span>*</span>新登录密码格式不正确</p>
        <div class="pass-import-container">
          <label>
          <input class="password-import mustTip second" id="id-new-password" type="password" maxlength="20"
                 placeholder="新登录密码" />
          <div class="password-close-icon new-clear"></div></label>
        </div>
        <p class="pass-txt-tip">密码由英文、数字或符号组成，长度6-20字符</p>
        <div class="pass-import-container">
          <label>
          <input class="password-import mustTip second" id="id-affirm-password" type="password" name="identifying" maxlength="20"
                 placeholder="确认新登录密码" />
          <div class="password-close-icon new-clear"></div></label>
        </div>
        <input class="password-button verify" type="button" name="next" value="确认修改" disabled/>
      </fieldset>
      <div class="kinder-tip-container">
        <p class="kinder-tip">温馨提示</p>
        <p class="forget-tel">如忘记帐号请拨打全国统一服务热线 </p>
        <p class="pass-tel">0571-81608755</p>
      </div>
    </div>
    <!-- 完成-->
    <div class="pass-complete-container third-step hide">
      <div class="pass-complete-icon"></div>
      <p class="pass-complete">恭喜您，密码修改成功！</p>
      <span>您可以</span> <input class="sure-login" type="button" name="next" value="立即登录" /> <span>施小包</span>
    </div>
    <div class="password-remark">© 2017 choosefine 浙ICP备17001837号-1</div>
  </form>
  <script data-main="import-bind-tel" src="../../libs/require.js"></script>
</body>
</html>